<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title><?php print $head_title ?></title>
        <?php print $head ?>
        <?php print $styles ?>
        <?php print $scripts ?>
        <script src="<?php print $path; ?>/js/jquery.tools.min.js"></script>
        <script src="<?php print $path; ?>/js/delay.js"></script>
        <link rel="stylesheet" type="text/css" href="<?php print $path; ?>/css/tabs.css" />
    </head>
    <body>
        <div id="background">
            <div id="main-container">
                <div id="header">
                    <div id="menu-top">
                        <ul id="navlist">
                            <li id="active"><a href="/" id="current">HOME</a></li>
                            <li><a href="/aboutus">ABOUT US</a></li>
                            <li><a href="/contactus">CONTACT US</a></li>
                        </ul>
                    </div>
					<div id="mast-head">
					<a href="/" class="logo"></a>
                    <div id="social-network-icons">
                                <a href="#"><img src="<?php print $path; ?>/images/facebook.png"></a>
                                <a href="#"><img src="<?php print $path; ?>/images/twitter.png"></a>
                    </div>
                        <div id="search-box">
                            <form action="<?php print base_path(); ?>search/luceneapi_node/" method="get">
                                <input name="keys" type="text" class="search-textbox" value="<?php echo $_REQUEST['keys'] ?>">
                                <input name="submit" type="submit" class="search-button">
                            </form>
                        </div>
                    </div>
					<div id="clear-both"></div>                   
                    <!-- sticker wrapper -->
                    <div id="nav-area">
                        <div class="sticker_wrapper">
                            <div class="navBtn"><a href="/" class="home"></a> </div>
                        </div>
                        <div class="sticker_wrapper">
                            <div onmouseover="openTab(this, 'navButtonSports');" onmouseout="closeTab(this);">
                                <ul>
                                    <li>
                                        <div class="navBtn navButtonSports"><a class="buy"></a></div>
                                        <div class="sticker_menu" style="display: none; ">
                                            <div class="sticker_menu_inner">
                                                <div class="m-head"><a href="/buy" title="">Shop All Cars</a></div>
                                               
                                               <?php foreach($cars as $key => $value) : ?>
                                                   
                                                   <?php if (($key % 2) == 0) : ?>
                                                       <?php if($key == 0) : ?> <div class="dd_column_f di-right-1">
                                                       <?php else : ?> <div class="dd_column di-right-1">
                                                       <?php endif; ?>
                                                            <span class="m-title"><?php print $value['parent']; ?></span>
                                                            <?php foreach ($value['children'] as $children) : ?>
                                                                    <div class="m-item"><a href="/search/luceneapi_node/?keys=<?php print $children ?>" title="<?php print $children ?>"><?php print $children ?></a></div>
                                                            <?php endforeach; ?>
                                                        
                                                    <?php else : ?>
                                                        <hr>
                                                        
                                                            <span class="m-title"><?php print $value['parent']; ?></span>
                                                            <?php foreach ($value['children'] as $children) : ?>
                                                                    <div class="m-item"><a href="/search/luceneapi_node/?keys=<?php print $children ?>" title="<?php print $children ?>"><?php print $children ?></a></div>
                                                            <?php endforeach; ?>
                                                        </div>
                                                    <?php endif; ?>
                                                   
                                                           
                                                <?php endforeach; ?>
                                                

                                                            
                                                        </div>
                                                        <div class="dd-end-column">
                                                            <div class="dd-right dd-right-1">&nbsp;</div>
                                                        </div>
                                                        <div class="dd-bottom-left">&nbsp;</div>
                                                        <div class="dd-bottom">&nbsp;</div>
                                                        <div class="dd-bottom-right">&nbsp;</div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="sticker_wrapper">
                                        <div class="navBtn"><a href="/" class="trade-in"></a> </div>
                                    </div>
                                    <div class="sticker_wrapper">
                                        <div class="navBtn"><a href="/" class="financing"></a> </div>
                                    </div>
                                    <div class="sticker_wrapper">
                                        <div class="navBtn"><a href="/" class="services"></a> </div>
                                    </div>
                                </div>
                                <!-- end of sticker wrapper -->

                            </div>
                            <div id="clear-both"></div>
                            <!-- content -->
                            <div id="content">
                                <div id="breadcrumbs"><!--breadcrumbs area <img src="<?php print $path; ?>/images/red_arrow.png">--></div>
                                <div id="car-page-sidebar">
                                    <div id="car-page-carpic-main"> <img width="330" height="250" src="<?php print base_path() . $node->field_image_gallery[0]['filepath']; ?>"> </div>
                                    <div id="car-page-recommendations">
                                        <img src="<?php print $path; ?>/images/recomendations_header.png">
                                        <div id="car-page-recommendations-content">
                                <?php foreach ($recommended as $value) : ?>
                                                                    <a href="/<?php print $value['title_path']; ?>"><img class="rounded" src="/<?php print $value['image']; ?>" border="0"><br><?php print $value['title']; ?></a>
                                <?php endforeach; ?>
                                                                </div>
                                                                <img src="<?php print $path; ?>/images/recommendations_footer.png">
                                                            </div>
                                                        </div>
                                                        <div id="car-page-content">
                                                            <div id="car-page-content-top-left">
                                                                <div class="title"><?php print $data->title ?></div>
                                                                <div class="short-description">
                                <?php print $data->teaser; ?>
                                                                </div>
                                                                <div class="content-thumbnail">
                                <?php foreach ($node->field_image_gallery as $image) : ?>                                       
                                <?php print $image['view']; ?>
                                <?php endforeach; ?>
                                                                    </div>
                                                                </div>
                                                                <div id="car-page-content-top-right">
                                                                    <div id="inquiry-box">
                                                                        <img src="<?php print $path; ?>/images/inquiry_box_header.png">
                                                                        <a href="/contactus"><img src="<?php print $path; ?>/images/button_inquire_now.png" border="0"></a>
                                                                        <img src="<?php print $path; ?>/images/inquiry_box_footer.png">
                                                                    </div>
                                                                </div>
                                                                <div id="clear-both"></div>
                                                                <div id="car-page-content-bottom">


                                                                    <ul class="tabs">
                                                                        <li><a href="#">MAIN DESCRIPTION</a></li>
                                                                        <li><a href="#">SPECIFICATION</a></li>
                                                                    </ul>
                                                                    <div class="panels">

                                                                        <div><?php print $data->field_description[0]['value']; ?></div>
                                                                        <div>
                                    <?php foreach ($specs as $key => $value) : ?>
                                                                            <p><?php print $key . ": " . $value; ?><p/>
                                    <?php endforeach; ?>
                                                                            <!--<p>Plate Number: <?php print strtoupper($data->field_plate_number[0]['value']); ?><p/>-->
                                                                            <p>Price: <strong>Php <?php print number_format($data->field_price[0]['value'], 2); ?> (NEGOTIABLE)</strong><p/>

                                                                        </div>
                                                                    </div>
                                                                    <!-- This JavaScript snippet activates those tabs -->
                                                                    <script>

                                                                        // perform JavaScript after the document is scriptable.
                                                                        $(function() {
                                                                            // setup ul.tabs to work as tabs for each div directly under div.panes
                                                                            $("ul.tabs").tabs("div.panels > div");
                                                                        });
                                                                    </script>
                                                                </div>
                                                                <div id="clear-both">
                                                                    <br><img src="<?php print $path; ?>/images/carpage_footer.png">
                        </div>

                    </div>
                </div>
                <div id="clear-both"></div>
                <div id="footer">
                    <div id="footer-top-bottom">
                        <div id="footer-menu"> <a href="#">HOME</a> &nbsp;| &nbsp;<a href="#">BUY</a>&nbsp; | &nbsp;<a href="#">TRADE-IN</a>&nbsp; | &nbsp;<a href="#">FINANCING</a>&nbsp; | &nbsp;<a href="#">SERVICES</a>&nbsp; | &nbsp;<a href="#">ABOUT US</a>&nbsp; | &nbsp;<a href="#">CONTACT US</a>&nbsp; | &nbsp;<a href="#">ARTICLES</a> </div>
                    </div>
                    <div id="footer-bottom-bottom">
                        <div class="text">&copy; 2011 AllCars.ph All Rights Reserved</div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
